<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta  name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<!-- <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script> -->
</head>
<body>
	<div class="container">
		<!-- 附带了样式的效果 -->
		<h1>asdefrgf</h1>
		<h2>asdefrgf</h2>
		<h3>asdefrgf</h3>
		<!-- small副标题的使用 -->
		<h4>asdefrgf<small>欢迎你的到来</small></h4>

		<p>hellohellohellohellohellohello
			<!-- hello后面是个缩略语 有点点点 -->
			<abbr title="attribute">hello</abbr>
		</p>
		<p class="lead">hellohellohellohellohellohellohellohellohello</p> 
		<!-- 加了class=“lead”之后字体明显变大了，这是一种突出显示的操作 -->
		<p>hello word:欢迎来到<mark>极客学院</mark></p>
		<del></del>

		<!-- 左中右 -->
		<p class="text-left">helloa</p>
		<p class="text-right">helloa</p>
		<p class="text-center">helloa</p>
		<!-- 全部小写 -->
		<p class="text-lowercase">helloDE</p>
		<!-- 全部大写 -->
		<p class="text-uppercase">helloADF</p>
		<!-- 首字母大写 -->
		<p class="text-capitalize">asdrtyhj</p>

		<address>
			<strong>awerstdyhgjf</strong><br>
			北京市<br>
			上地三街<br>
			<abbr title="phone">P:8888 8888</abbr>
		</address>

		<!-- 无样式列表 -->
		<ul class="list-unstyled">
			<li>1</li>
			<li>2</li>
			<li>3</li>
		</ul>

	</div>

</body>
</html>